<template>
  <div class="project">
    <div class="project-container">
      <span class="project-title">产品与服务</span>
      <div class="project-title-list first">
        <div class="project-title-left">
          <img src="/img/Untitled.png" class="img1" />
        </div>
        <div class="project-title-right">
          <h3>【朋友晚安app】</h3>
          <span>
            集睡眠科普教育、睡眠问题干预、基础睡眠测评、精准指导就医、诊后睡眠重建于一体的互联网综合服务平台，睡眠硬件监测：医学专家指导,CBT-I
            行为认知疗法为您的睡眠保驾护航。
          </span>
          <div>功能亮点</div>
          <br />
          <p>
            <i></i
            >睡眠硬件监测：只能分析睡眠质量变化趋势，专业的睡眠报告，更好了解你的睡眠
          </p>
          <p><i></i>睡眠评测：了解失眠原因制定个性化诊疗方案</p>
          <p>
            <i></i
            >CBT-I训练：针对失眠的行为认知疗法，也是国际权威认证的非药物治疗失眠的最佳方法
          </p>
          <p><i></i>专家咨询：知名睡眠专家提供咨询服务</p>
        </div>
      </div>
      <div class="project-title-list">
        <div class="project-title-left xiayi">
          <h3>【朋友晚安医生端app】</h3>
          <span>
            朋友晚安医生端中龄健康（管理）北京有限公司为朋友晚安认证专业医生开发的随诊工具。咨询医生可以通过线上图文咨询，电话咨询，线下名医咨询。不仅可以随时为患者服务，还可以通过病患管理功能，实现全程化病患管理服务。
          </span>
        </div>
        <div class="project-title-right">
          <img src="/img/Untitled1.png" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
.project-title {
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 64px;
  display: inline-block;
}
.project-container {
  width: 1200px;
  margin: 0 auto;
  padding: 100px 0 170px 0;
  .first {
    margin-bottom: 90px;
  }
}
.project-title-list {
  overflow: hidden;
  display: flex;
  text-align: left;
  h3 {
    font-size: 17px;
    font-weight: 400;
    color: #8989fe;
    line-height: 40px;
    position: relative;
    left: -6px;
  }
  span,
  p,
  div {
    display: inline-block;
    font-size: 17px;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
  }
  p {
    margin-bottom: 30px;
    i {
      width: 8px;
      height: 8px;
      background: #3c3b3b;
      border-radius: 50%;
      display: inline-block;
      margin-right: 12px;
      position: relative;
    }
  }
  div {
    margin: 40px 0 30px 0;
  }
}
.project-title-left {
  float: left;
  padding-right: 25px;
}
.project-title-right {
  float: right;
}
.img1 {
  position: relative;
  top: 65px;
}
.xiayi {
  position: relative;
  top: 130px;
}
</style>
